<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
     <script src="../js/vue.min.js"></script>
	</head>
	<!--
我们的Model就是data变量，而ViewModel就是这里的new Vue()得到的对象。这里两个最简单的属性相信大家一看就能明白。
el：表示绑定的Dom元素，此例子中表示的是父级的Dom元素。
data：需要绑定的数据Model。-->
	
	<body>
	    <div id="app">
	        <h1>姓名：{{ Name }}</h1>
	        <h1>年龄：{{ Age }}</h1>
	        <h1>学校：{{ School }}</h1>
	    </div>
	

	    <script type="text/javascript">
	    //Model
	    var data = {
	        Name: '小明',
	        Age: 18,
	        School:'光明小学',
	    }
	
	    //ViewModel
	    var vue = new Vue({
	        el: '#app',
	        data: data,
	    });
	   
	    </script>
	</body>